<div id="error"></div>
<script language="javascript">
    // apply filters

    jQuery(document).ready(function(){
        jQuery("#list").jqGrid({
            url: '<?php echo site_url() ?>/graficoc24h/data',
            mtype: 'POST',
            datatype: 'json',
            colNames:['ID','A&ntilde;os','WK','Presupuesto','Resultado','Diponible'],
            colModel :[ 
                {name:'id', index:'id', width:2,hidden:true},
                {name:'anos', index:'anos', width:100},
                {name:'wk', index:'wk', width:100}, 
                {name:'presupuesto', index:'presupuesto', width:100},
                {name:'diponible', index:'diponible', width:100},
                {name:'resultado', index:'resultado', width:100}
                ],
            pager: jQuery('#pager'),
            hiddengrid: false,
            sortname: 'id',
            rowNum:52,
            rowList:[10,20,30,40,50],
            sortorder: "asc",
            height: '100%',
            width: '705',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: true,
            adjacents: 4,
            jsonReader: { repeatitems : false, IdServicio: "0" }
        }).navGrid('#pager',{add:false,del:false,edit:false,search:false,position:"left"}).navButtonAdd('#pager',{caption:"", buttonimg: _base_url + "public/css/jqgrid/flex/images/text_columns.png", onClickButton:function(){ jQuery("#list").setColumns();} })
; $('#apply_filter').bind('click', applyFilter);
    });
</script>
<div class="table_container">
<table>
       <tr>
    <td>
       <?php
	    echo $var3;
     ?>
    </td>
  </tr>

    <tr>
    	<td><div id="titulo">Listado de V -24h</div></td>
    </tr>
    <tr>
        <td>
            <table id="list" class="scroll"></table>
            <div id="pager" class="scroll" style="text-align:center;"></div>
        </td>
	</tr>
 </table>
</div>
